<!DOCTYPE html>
{% load static %}
<html lang="en">

<head>
    <title>登录</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT">
    <!--Loading bootstrap css-->
    <link type="text/css" rel="stylesheet" href="{% static 'vendors/font-awesome/css/font-awesome.min.css' %}">
    <link type="text/css" rel="stylesheet" href="{% static 'vendors/bootstrap/css/bootstrap.min.css' %}">
    <!--Loading style vendors-->
    {#    <link type="text/css" rel="stylesheet" href="{% static 'vendors/animate.css/animate.css' %}">#}
    {#    <link type="text/css" rel="stylesheet" href="{% static 'vendors/iCheck/skins/all.css' %}">#}
    <!--Loading style-->
    <link type="text/css" rel="stylesheet" href="{% static 'css/themes/style1/pink-blue.css' %}" class="default-style">
    {#    <link type="text/css" rel="stylesheet" href="{% static 'css/themes/style1/pink-blue.css' %}" id="theme-change" class="style-change color-change">#}
    {#    <link type="text/css" rel="stylesheet" href="{% static 'css/style-responsive.css' %}">#}
</head>

<body id="signin-page" style="height: 100%; background:none; background-color: #00a2d4">
<div class="page-form">

    <form action="" class="form" id="my_form" method="post">
        {% csrf_token %}
        <div class="header-content">
            <h1>登录</h1>
        </div>
        <div class="body-content">
            <p>零号金融管理系统</p>
            <div class="form-group">
                <div class="input-icon right {% if login_form.errors.message %}state-error{% endif %}"><i
                        class="fa fa-user"></i>
                    {#                    <input value="{{ username }}" type="text" placeholder="用户名" name="username" class="form-control">#}
                    {{ login_form.username }}
                </div>
            </div>
            <div class="form-group">
                <div class="input-icon right {% if login_form.errors.message %}state-error{% endif %}"><i
                        class="fa fa-key"></i>
                    {#                    <input type="password" placeholder="密码" name="password" class="form-control">#}
                    {{ login_form.password }}
                    <em for="password" class="invalid">{{ login_form.errors.message }}</em>
                </div>
            </div>
            {#            <div class="form-group pull-left">#}
            {#            </div>#}
            <div class="form-group pull-right">
                <button type="submit" class="btn btn-success">登录
                    <i class="fa fa-chevron-circle-right"></i>
                </button>
            </div>
            <div class="clearfix"></div>
            <div class="forget-password">
                <h4><a href="#"></a></h4>
            </div>
            <hr>

        </div>
    </form>
</div>
<script src="{% static 'js/jquery-1.10.2.min.js' %}"></script>
{#    <script src="{% static 'js/jquery-migrate-1.2.1.min.js' %}"></script>#}
{#    <script src="{% static 'js/jquery-ui.js' %}"></script>#}
<!--loading bootstrap js-->
<script src="{% static 'vendors/bootstrap/js/bootstrap.min.js' %}"></script>

{#    <script src="{% static 'vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js' %}"></script>#}
{#    <script src="{% static 'js/html5shiv.js' %}"></script>#}
{#    <script src="{% static 'js/respond.min.js' %}"></script>#}
{#    <script src="{% static 'vendors/iCheck/icheck.min.js' %}"></script>#}
{#    <script src="{% static 'vendors/iCheck/custom.min.js' %}"></script>#}
{#    <script>#}
{#        //BEGIN CHECKBOX & RADIO#}
{#        $('input[type="checkbox"]').iCheck({#}
{#            checkboxClass: 'icheckbox_minimal-grey',#}
{#            increaseArea: '20%' // optional#}
{#        });#}
{#        $('input[type="radio"]').iCheck({#}
{#            radioClass: 'iradio_minimal-grey',#}
{#            increaseArea: '20%' // optional#}
{#        });#}
{#        //END CHECKBOX & RADIO#}
{#    </script>#}
<!--loading my_verify js-->
<script src="{% static 'vendors/jquery-validate/jquery.validate.min.js' %}"></script>
<script src="{% static 'js/form-validation.js' %}"></script>
<script src="{% static 'my/my_verify.js' %}"></script>
<script>
</script>
</body>

<script>


    {#    $.validator.setDefaults({#}
    {#        submitHandler: function (form) {#}
    {#            alert("submit!");#}
    {#            form.submit();#}
    {#        }#}
    {#    });#}
</script>
</html>